{% extends "base.html" %}
{% block head %}
    {{ super() }}
    <style type="text/css">
        .guest-page {
            display: block;
            text-align: center;
            height: 100%;
            padding-top: calc(50vh - 80px);
        }

        .user-page {
            display: none;
            text-align: center;
            height: 100%;
            padding-top: calc(50vh - 80px);
        }

        #div-mid a {
            width: 20%;
            height: 80px;
            font-size: 28px;
            font-weight: bold;
            margin: 0 10px 0 10px;
            transition-duration: 0.3s;
            line-height: 70px;
        }

        #div-mid a:hover {
            border: 2px solid white;
        }
    </style>

    {#    <script src='https://www.google.com/recaptcha/api.js' async defer></script>#}
    <link rel="stylesheet"
          href="{{ url_for("static",filename = "3rd/bootstrap-notify-master/css/bootstrap-notify.css") }}">
    <link rel="stylesheet"
          href="{{ url_for("static",filename = "3rd/bootstrap-notify-master/css/styles/alert-blackgloss.css") }}">
    <script src="https://www.recaptcha.net/recaptcha/api.js"></script>
{% endblock %}

{% block maindiv %}
    <div class=" row">

       <div class="col-md-6">
          <div class="box box-default">
            <div class="box-header with-border">
              <i class="fa fa-bullhorn"></i>

              <h3 class="box-title">使用说明</h3>
            </div>
            <!-- /.box-header -->
            <div class="box-body">
              <div class="callout callout-danger">
                <h4>测试不能作弊！</h4>

                <p>考试是检测自己学习结果的!</p>
              </div>
              <div class="callout callout-info">
                <h4>请先注册</h4>

                <p>注册使用真实邮箱,手机号,可以方便教师联系你</p>
              </div>
              <div class="callout callout-warning">
                <h4>目前支持功能</h4>

                <p>整数、分数(包括带分数)的加减乘除运算</p>
              </div>
              <div class="callout callout-success">
                <h4>我准备好啦！我准备好啦！我准备好啦！</h4>

                <p>请开始你的表演</p>
              </div>
            </div>
            <!-- /.box-body -->
          </div>
          <!-- /.box -->
        </div>
    </div>

{% endblock %}
{% block scripts %}
    {{ super() }}
    <script src="{{ url_for("static",filename="3rd/bootstrap-notify-master/js/bootstrap-notify.js") }}"></script>


{% endblock %}